/* CSS RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,  
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label,  
legend, table, caption, tbody, tfoot, thead, tr, th, td, button {  
    margin:0;  
    padding:0;  
    border:0;  
    outline:0;  
    font-size:100%;  
    vertical-align: baselinebaseline;  
    background:none;  
}  
ol, ul {list-style:none;}  
h1, h2, h3, h4, h5, h6, li {line-height:100%;}  
blockquote, q {quotes:none;}  
q:before,  
q:after {content: '';}  
table {border-collapse:collapse; border-spacing:0;}  
input,textarea,select{  
    font:12px Verdana, Helvetica, sans-serif;  
    vertical-align:middle;  
    padding:2px;  
    margin:0;  
}  
input:focus, textarea:focus {  
    outline: none;  
}  
  
form,fieldset{border-style:none;}  
  
html,  
body {  
   margin:0;  
   padding:0;  
   min-height:100%;  
}

body {
	font: 13px Verdana, Helvetica, sans-serif;	
}
a, a:ACTIVE, a:VISITED { color:#0285DA; text-decoration: none;}
a:hover { text-decoration:underline; }
a.semEfeito:hover { text-decoration:none; } 
h1, h2, h3, h4, h5, h6 {color:#FF8C00;}
h2 { font-size:24px; margin-bottom:5px; }
h3 { font-size:14px; padding:3px 0; }
#wrapper {
	width:994px;
	overflow:hidden;
	margin:0 auto;
	background: url("../imgs/content-bg.jpg") repeat-y scroll center center #FFFFFF;
}

#wrapper-top {
	height:40px;
	width:994px;
	margin-bottom: 10px;
	margin-top:5px;
	border-bottom: 1px solid #eaeaea;
}
#wrapper-top ul { float:right; margin-top:0px;}
#wrapper-top ul li { 
	float:left;
	list-style-type: none;
}
#wrapper-top li a {
	display:block;	
	padding:0px 10px 0 10px;
	height: 40px;
}
#wrapper-top li a:hover { background-color:#FF8C00; }
#wrapper-bottom {
	background: url("../imgs/bottom.jpg") no-repeat scroll center top #FFFFFF;
	height:61px;
	width:994px;
	clear:both;
}
#logo {
	background:url("../imgs/logo.png") no-repeat scroll center center transparent; 
	width:235px; 
	height:40px; 
	float:left; 
}
#pesquisa {
	margin-top: 7px;
	margin-left: 10px;
}

#esquerda {
	width:235px;
	float:left;
	min-height:515px;
	position:relative;
	text-align: center;
}
#meio {
	width:600px;
	float:left;
}
#meioConteudo { margin:0 10px; }
#direita {float:left;width:155px;overflow: hidden;}


a.buttonLink, a.buttonLink:ACTIVE, a.buttonLink:VISITED, a.buttonLink:HOVER {
	padding:5px;
	border:1px solid #CCC;
	background:#0285DA;	
	text-decoration: none;
	color:white;
	margin-top:-26px;
}
.buttonSubmit {
	padding:5px;
	border:1px solid #CCC;
	background:#0285DA;
	color:white;
	margin-top:5px;
}
#message_box {
	background:#ffc;
	padding:5px;
	border:1px solid #CCC;
	text-align:justify;
	width:570px;
	margin-bottom:10px;
}
#esquerda img {
	max-width:150px; 
	max-height:200px;
}
#esquerda .menu {
	width:100%;
	border-top:1px solid #eaeaea;
	margin-top: 20px;
	text-align: left;
}
#esquerda .menu li { list-style-type:none; }
#esquerda .menu li a {
	display:block;
	height:35px;
	line-height:35px;
	padding-left:50px;
	border-bottom:1px solid #eaeaea;
}
#esquerda .menu li a.ativo { font-weight:bold; border-right: 1px solid #fff; }

#esquerda .menu li a.inicio { background:url("../imgs/inicio.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.configuracoes { background:url("../imgs/configuracao.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.agenda { background:url("../imgs/agenda.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.eventos { background:url("../imgs/evento.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.alertas { background:url("../imgs/alerta.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.editar { background:url("../imgs/editar.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.logout { background:url("../imgs/logout.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.adicionar { background:url("../imgs/adicionar.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.perfil { background:url("../imgs/perfil.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.atualizacoes { background:url("../imgs/atualizacoes.png") no-repeat scroll 10px center transparent; }
#esquerda .menu li a.mensagem { background:url("../imgs/mensagem.png") no-repeat scroll 10px center transparent; }

#abas li{ list-style-type: none; }
#abas li a{
  display: block;
  height:35px;
  line-height:35px;
  padding:0 10px;
  margin: 0 1px 0 0;
  float: left;
  color: white;
  text-decoration: none;
  background-color: #0285DA;
}
#abas li a.selected{
  cursor: default;
  font-weight: bold;
  background-color: #FF8C00;
}
.contaba{
  clear: both;
  padding:10px;
  border:1px solid #FF8C00;
}
.qntd { background-color:#A52A2A; padding:2px 5px; color:white; margin-left: 3px; }
img.fotosAmigos { float:left; padding:0 3px; }